<!--
 * @Author: GKN
 * @Date: 2023-08-21 17:08:18
 * @LastEditTime: 2024-02-01 15:00:34
 * @LastEditors: GKN
 * @Description: 
 * @FilePath: \mod\src\view\case\adminInnovate\info.vue
 * 可以输入预定的版权声明、个性签名、空行等
-->
<template>
    <div class="main mainPadding " style="background:#fff;">
        <div class="max-w">
        <div class="title">
            <span>{{year}}管理案例</span>|
            <span>{{info.name}}</span>
        </div>
        <div class="tip ">
            <span>主创人：</span><span>{{info.user}}</span>
        </div>
        <div class="mconut" :style="countstyle">
            <div class="cont">
                <div class="title1"><span>单位简介</span></div>
                <div class="count" v-html="info.cont">
                    
                </div>
            </div>
            <div class="cont">
                <div class="title1"><span>成果介绍</span></div>
                <div class="count">
                    部分城市下调首套房贷款利率释放楼市合理需求部分城市下调首套房贷款利率，释放楼市合理需求部分城市下调首套房贷款利率。释放楼市合理需求部分
    分城市下调首套房贷款利率，释放楼市合理需求部分城市下调首套房贷款利率。释放楼市合理需求分城市下调首套房贷款利率，释放楼市合理需求部分城市下
    调首套房贷款利率。释放楼市合理需求分城市下调首套房贷款利率，释放楼市合理需求部分城市下调首套房贷款利率。释放楼市合理需求分城市下调首套房贷
    款利率，释放楼市合理需求部分城市下调首套房贷款利率。
                </div>
            </div>
        </div>
        
        <!-- <div class="btn1 cursor-p" @click="LoadAll" v-if="!is_vip">剩余91%未加载，VIP免费阅读文档</div> -->
        <!-- <div class="btn1 cursor-p" @click="LoadAll" v-if="is_vip&&textStatus">剩余91%未加载，展开全文</div> -->
        <!-- <div class="vipview shadow-1" style="margin-top:22px;">
            <div class="title">VIP专属特权查看相关文档</div>
            <div class="flex " style="margin-top:33px">
                <div class="item" v-for="item in vip_list" :key="item">
                    <div class="img shadow-1">
                        <img class="ad-img" :src="item.img" alt="">
                    </div> 
                    <div class="cont">
                        <div class="t omit">{{ item.title }}</div>
                        <div class="c omit">{{ item.l }}阅读</div>
                    </div>
                </div>
            </div>
            <div class="btn cursor-p">最低五元限时开通VIP，解锁全部文档</div>
        </div> -->
        </div>
    </div>
    
</template>

<script setup>
     import { ref,reactive, onMounted,getCurrentInstance } from "vue";
    const { proxy } = getCurrentInstance();
    import CryptoJS from 'crypto-js';
    import fileImg from './fileImg.vue';
    import TitleView from '../../components/title.vue';
    const textStatus =  ref(true)
    const is_vip = ref(true)
    const countstyle = ref('max-height:400px;')
    import { useRoute, useRouter } from "vue-router";
    const Router = useRouter();
    // 导航下对应模块
    const info = JSON.parse(Router.currentRoute.value.query.info)
    const year = Router.currentRoute.value.query.year
    const vip_list = [
        {img:'https://www.cnr.cn/2022/images/xingzhen0620/shanxisan.jpg',title:'标题',l:231},
        {img:'https://www.cnr.cn/2022/images/xingzhen0620/shanxisan.jpg',title:'标题',l:231},
        {img:'https://www.cnr.cn/2022/images/xingzhen0620/shanxisan.jpg',title:'标题',l:231},
        {img:'https://www.cnr.cn/2022/images/xingzhen0620/shanxisan.jpg',title:'标题',l:231}
    ]
    const LoadAll = ()=>{
        countstyle.value = 'min-height:400px'
        textStatus.value = false
    }
</script>

<style lang='less' scoped>
.mconut{
    overflow: hidden;
}
.title{
    font-weight: bold;
    font-size: 40px;
    padding-top: 46px;
    span:nth-child(1){
        color:#333;
    }
    span:nth-child(2){
        color:#d10b00;
    }
}
.tip{
    font-size: 16px;
    padding-top: 46px;
}
.cont{
    padding-top: 40px;
    .title1{
        width: 156px;
        height: 41px;
        background: url('@/assets/img/title-tip3.png');
        background-size:100% ;
        display: flex;
        justify-content: center;
        align-items: center;
        
        span{
            font-size: 16px;
            color: #fff;
        }
    }
    .count{
        font-size: 18px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #333333;
        line-height: 36px;
        padding-top:30px;
        text-align: left;
    }
}
.btn1{
    width: 280px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #D10B00;
    font-size: 16px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #D10B00;
    line-height: 40px;
    margin: 42px auto;
}
.vipview{
    width: 100%;
    padding:47px 48px 41px 48px;
    background: linear-gradient(to bottom, rgba(255, 250, 248, 1), rgba(255, 225, 205, 1));
    border-radius: 10px 10px 10px 10px;
    .title{
        font-size: 30px;
        font-family: SourceHanSansCN-Medium, SourceHanSansCN;
        font-weight: 500;
        color: #77472F;
        padding-top: 0;
    }
    .center{
        display: flex;
    }
    .item{
        width: 14%;
        padding: 0 5px;
        .img{
            width: 142px;
            height: 200px;
        }
        .cont{
            padding-top: 20px;
            .t{
                font-size: 14px;
                text-align: left;
            }
            .c{

                font-size: 12px;
                text-align: left;
                color: #8d8d8d;
            }
        }
    }
    .btn{
        width: 350px;
        height: 48px;
        background: #D10B00;
        border-radius: 24px 24px 24px 24px;
        opacity: 1;
        border: 1px solid #D10B00;
        font-size: 16px;
        color: #fff;
        line-height: 48px;
        margin: 40px auto;
    }
}
</style>

